<!--
 * @Descripttion: 
 * @version: 
 * @Author: 程
 * @Date: 2022-12-01 11:32:04
 * @LastEditors: 程
 * @LastEditTime: 2023-05-19 10:00:33
-->
<template>
  <div class="main">
    <clheader />
    <div class="common">
      <Frame />
      <webUi />
      <mobileUi />
      <visualization />
      <plugin />
      <iconFont />
      <interview />
      <aiPage />
      <learningRoute />
    </div>
    <clfooter />
  </div>
  <el-backtop :bottom="150" :right="100">
    <div class="top">UP</div>
  </el-backtop>
</template>
<script setup lang="ts">
import clheader from '@/components/header.vue';
import Frame from '@/view/pluginPage/frame.vue';
import webUi from '@/view/pluginPage/webUi.vue';
import mobileUi from '@/view/pluginPage/mobileUi.vue';
import aiPage from '@/view/pluginPage/ai.vue';
import plugin from '@/view/pluginPage/plugin.vue';
import iconFont from '@/view/pluginPage/iconFont.vue';
import interview from '@/view/pluginPage/interview.vue';
import visualization from '@/view/pluginPage/visualization.vue';
import clfooter from '@/components/footer.vue';
import learningRoute from './pluginPage/learningRoute.vue';

onMounted(() => {
  window.history.pushState(null, '', window.location.href);
  window.onpopstate = function () {
    window.history.pushState(null, '', window.location.href);
  };
});
</script>

<style lang="scss" scoped>
.main {
  width: 100%;
  height: 100%;
  background: var(--home-bg-color, #f5f6fb);
}
.top {
  width: 100%;
  height: 100%;
  display: grid;
  place-content: center;
  background-color: var(--el-bg-color-overlay);
  box-shadow: var(--el-box-shadow-lighter);
  text-align: center;
  color: #1989fa;
  border-radius: 10px;
}
</style>
